.fund-investment-plan {
  padding: 0 24px;

  .ant-typography {
    &.ant-typography-title {
      display: flex;
      align-items: center;
      gap: 8px;
    }
  }

  .config-form {
    .ant-form {
      .ant-form-item {
        margin-bottom: 16px;

        &:last-child {
          margin-bottom: 0;
        }
      }
    }

    .fund-search {
      .ant-select {
        .ant-select-selector {
          .ant-select-selection-search {
            .ant-select-selection-search-input {
              height: 32px;
            }
          }
        }
      }
    }
  }

  .strategy-description {
    margin-top: 16px;

    .strategy-item {
      margin-bottom: 12px;

      &:last-child {
        margin-bottom: 0;
      }

      .strategy-title {
        font-weight: 600;
        margin-bottom: 4px;
      }

      .strategy-desc {
        color: #666;
        font-size: 12px;
        line-height: 1.4;
      }
    }
  }

  .investment-results {
    .overview-stats {
      .ant-col {
        margin-bottom: 16px;

        .ant-card {
          height: 100%;
        }
      }
    }

    .risk-analysis {
      .ant-card-extra {
        .export-button {
          display: flex;
          align-items: center;
          gap: 4px;
        }
      }
    }

    .buy-plan-table {
      .ant-table {
        .ant-table-thead {
          .ant-table-cell {
            background-color: #fafafa;
            font-weight: 600;
          }
        }

        .ant-table-tbody {
          .ant-table-row {
            &:hover {
              background-color: #f5f5f5;
            }
          }
        }
      }
    }

    .investment-advice {
      .ant-alert-description {
        ul {
          margin: 0;
          padding-left: 20px;

          li {
            margin-bottom: 4px;
            line-height: 1.5;

            &:last-child {
              margin-bottom: 0;
            }
          }
        }
      }
    }
  }

  .empty-state {
    text-align: center;
    padding: 60px 0;

    .empty-icon {
      font-size: 64px;
      color: #d9d9d9;
      margin-bottom: 16px;
    }

    .empty-title {
      color: #999;
      margin-bottom: 8px;
    }

    .empty-desc {
      color: #ccc;
    }
  }

  .fund-search-loading {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
  }
}